<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,
           initial-scale=1">
	<meta name="description" content="江敏的web前端个人简历">
    <title>江敏个人简历</title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/index.css"/>

</head>

<body >
    <!-- header navigation -->
    <header>
        <div id="logo">
            <div id="header_img"><img src="image/logo.jpg" alt="" /></div>
            <div id="header_p">
                <p id="header_p1">F2E</p>
                <p id="header_p2">个人简历</p>
            </div>
        </div>
        <nav>
            <ul>
                <li><a href="">首 页</a></li>
                <li><a href="">随 笔</a></li>
                <li><a href="">积 淀</a></li>
                <li><a href="">关 于</a></li>
            </ul>
        </nav>
    </header>
   
    <aside style="top: 234.5px; display: block;">
        <a href="#page1" class="selected" title="首页"><b style="display: none;">首页</b></a>
        <a href="#page2" class=""><b style="display: none;">关于我</b></a>
        <a href="#page3" class=""><b style="display: none;">专业技能</b></a>
        <a href="#page5" class=""><b style="display: none;">我的作品</b></a>
        <a href="#page6" class=""><b style="display: none;">联系我</b></a>
    </aside>
    
    <div id="dowebok" class="fullpage-wrapper" style="height: 100%; position: relative; touch-action: none; transform: translate3d(0px, 0px, 0px); transition: all 400ms ease;">
       
        <div class="section one fp-section active" data-anchor="page1" style="height: 659px;">
            <div id="home" class="home_zoom" style="display: block;">
                <div id="home_content" style="padding-top: 79px;">
                    <div id="home_head" style="margin-top: 100px;">
                        <div id="home_head_content">
                            <img src="image/logo.jpg" id="home_photo1" alt="">
                            <img src="image/demo_box2.jpg" id="home_photo2" alt="" style="opacity: 0;">
                        </div>
                    </div>
                    <div id="home_info">
                        <p id="home_info1" style="display: block;">障碍与失败,是通往成功最稳靠的踏脚石,肯研究、利用它们,便能从失败中培养出成功。</p>
                        <div id="home_info_box" style="width: 800px;">
                            <p id="home_info2" style="display: block;">姓名：江敏</p>
                            <p id="home_info3" style="display: block;">年龄：20岁</p>
                            <p id="home_info4" style="display: block;">职务：web前端工程师</p>
                            <p id="home_info5" style="display: block;">邮箱：1874543473@qq.com</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="section two fp-section" data-anchor="page2" style="height: 659px;">
            <div id="about">
                <div id="about_content" style="padding-top: 24.8333px;">
                    <div class="title">
                        <h1>关于我</h1>
                    </div>
                    <div id="about_list_content">
                        <div class="about_list" id="about_list1">
                            <div class="about_list_eg" id="about_en_edu">education</div>
                            <div class="about_list_cn" id="about_cn_edu">学历<p>大专</p></div>
                        </div>
                        <div class="about_list">
                            <div class="about_list_eg" id="about_en_age">age</div>
                            <div class="about_list_cn" id="about_cn_age">年龄<p>20岁</p></div>
                        </div>
                        <div class="about_list">
                            <div class="about_list_eg" id="about_en_loc">location</div>
                            <div class="about_list_cn" id="about_cn_loc">坐标<p>福州</p></div>
                        </div>
                        <div class="about_list">
                            <div class="about_list_eg" id="about_en_sta">status</div>
                            <div class="about_list_cn" id="about_cn_sta">状态<p>一周内</p></div>
                        </div>
                    </div>
                    <div id="about_info" style="width: 800px; margin-top: 0px; margin-bottom: 0px;">
                        <p style="bottom: 0px;">2022年毕业于闽江师范高等专科学校</p>
                        <p style="bottom: 0px;">喜欢优雅的代码，从未停止学习新知识</p>
                        <p style="bottom: 0px;">对javascript的强大充满好奇</p>
                        <p style="bottom: 0px;">闲暇时关注CSDN，Github，前端大全的最新动态</p>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="section three fp-section" data-anchor="page3" style="height: 659px;">
            <div id="skill">
                <div id="skill_content" style="padding-top: 24.8333px;">
                    <div class="title">
                        <h1>专业技能</h1>
                    </div>
                    <div id="skill_info"><p>前端的学习需要持之以恒，知识深度与广度都很重要。一切归根结底还是对原生javascript的理解！一直在学习中...</p></div>
                    <div id="skill_list">
                        <div class="skill_list_content skill_scale" id="skill_list1">
                            <div class="skill_icon" id="skill_icon1"></div>
                            <div class="skill_name">Skill</div>
                            <div class="skill_flag"></div>
                            <div class="skill_int" id="skill_int1" style="display: none;"><ul><li>了解运用React-Native实现Nativeapp开发流程</li><li>了解Vue.Js的开发过程</li><li>了解双绑的背后实现</li><li>熟悉组件开发</li></ul></div>
                        </div>
                        <div class="skill_list_content skill_scale" id="skill_list2">
                            <div class="skill_icon" id="skill_icon2"></div>
                            <div class="skill_name">HTML</div>
                            <div class="skill_flag"></div>
                            <div class="skill_int" id="skill_int2" style="display: none;"><ul><li>熟悉W3C标准</li><li>熟练运用html标签</li><li>掌握html5如SVG，canvas等新特性</li></ul></div>
                        </div>
                        <div class="skill_list_content skill_scale" id="skill_list3">
                            <div class="skill_icon" id="skill_icon3"></div>
                            <div class="skill_name">CSS</div>
                            <div class="skill_flag"></div>
                            <div class="skill_int" id="skill_int3" style="display: none;"><ul><li>熟练运用css及css3新属性</li><li>掌握bootstrap框架</li><li>了解css预编译器Less及Sass</li></ul></div>
                        </div>
                        <div class="skill_list_content skill_scale" id="skill_list4">
                            <div class="skill_icon" id="skill_icon4"></div>
                            <div class="skill_name">JavaScript</div>
                            <div class="skill_flag skill_flag_scale"></div>
                            <div class="skill_int" id="skill_int4" style="display: block;"><ul><li>掌握jQuery</li><li>掌握原生JS的编程</li><li>注重JavaScript性能优化</li></ul></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
       
        <div class="section five fp-section" data-anchor="page5" style="height: 659px;">
            <div id="demo">
                <div id="demo_content" style="padding-top: 36.3333px;">
                    <div class="title">
                        <h1>我的作品</h1>
                    </div>
                    <div id="demo_content_list">
                        <ul class="demo_box">
                            <li class="demo_scale b_to_t">
                                <div class="demo_box_content">
                                    <div class="demo_box_hover">
                                        <p class="demo_box_title">新昌通（APP）</p>
                                    <span class="demo_box_hover_icon">
                                        <a href="#" target="_blank" class="demo_box_link">
                                            <img src="image/demo-link.png" alt="">
                                        </a>
                                    </span>
                                    </div>
                                    <img src="image/demo_box1.jpg" alt="" class="demo_box_bg">
                                </div>
                            </li>
                            <li class="demo_scale b_to_t">
                                <div class="demo_box_content">
                                    <div class="demo_box_hover">
                                        <p class="demo_box_title">麦吉克（APP）</p>
									<span class="demo_box_hover_icon">
										<a href="#" target="_blank" class="demo_box_link">
                                            <img src="image/demo-link.png" alt="">
                                        </a>
									</span>
                                    </div>
                                    <img src="image/demo_box2.jpg" alt="" class="demo_box_bg">
                                </div>
                            </li>
                            <li class="demo_scale b_to_t">
                                <div class="demo_box_content">
                                    <div class="demo_box_hover">
                                        <p class="demo_box_title">NBA92</p>
                                    <span class="demo_box_hover_icon">
                                    	<a href="#" target="_blank" class="demo_box_link">
                                            <img src="image/demo-link.png" alt="">
                                        </a>
                                    </span>
                                    </div>
                                    <img src="image/demo_box3.jpg" alt="" class="demo_box_bg">
                                </div>
                            </li>
                            <li class="demo_scale b_to_t">
                                <div class="demo_box_content">
                                    <div class="demo_box_hover">
                                        <p class="demo_box_title">Ballantines</p>
                                    <span class="demo_box_hover_icon">
                                    	<a href="#" target="_blank" class="demo_box_link">
                                            <img src="image/demo-link.png" alt="">
                                        </a>
                                    </span>
                                    </div>
                                    <img src="image/demo_box4.jpg" alt="" class="demo_box_bg">
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div id="demo_info" class="demo_scale b_to_t">
                    </div>
                </div>
            </div>
        </div>
       
        <div class="section six fp-section" data-anchor="page6" style="height: 659px;">
            <div id="contact">
                <div id="contact_content">
                    <div class="title">
                        <h1>联系我</h1>
                    </div>
                    <div id="contact_head">
                        <div id="contact_head1" class="b_to_t"> 代码 梦想 未来</div>
                        <div id="contact_head2">
                            <span class="fade_in">code</span>
                            <span class="fade_in">dream</span>
                            <span class="fade_in">future</span>
                        </div>
                    </div>
                    <div id="contact_info" class="contact_scale fade_in">
                        <ul>
                            <li>学习是一个充实愉悦的过程</li>
                            <li>前端更贴近用户，这种体验非常美妙</li>
                            <li>热爱一切美好的事物</li>
                            <li>行路有良友，便是捷径</li>
                            <li>带上我吧，一起看到更大的世界</li>
                        </ul>
                    </div>

                </div>
                <footer class="contact_scale fade_in">
                    <div class="contact_scale footer fade_in">
                        <a href="http://my.csdn.net/" target="_blank">CSDN</a>|
                        <a href="https://github.com/dashboard" target="_blank">Github</a>
                    </div>
                </footer>
            </div>
        </div>
        
    </div>

  	    <script src="js/jquery.js"></script>
        <script src="js/jquery-1.11.2.min.js"></script>
        <script src="js/jquery.easing.min.js"></script>
        <script src="js/jquery.fullPage.min.js"></script>
        <script src="js/index.js"></script>

  </body> 
</html>
